﻿@{
    ViewBag.Title = "Home Page";
}

<div class="jumbotron hide">
    <h1>ASP.NET</h1>
    <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
    <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
</div>

<div class="row hide">
    <div class="col-md-4">
        <h2>Getting started</h2>
        <p>
            ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that
            enables a clean separation of concerns and gives you full control over markup
            for enjoyable, agile development.
        </p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Get more libraries</h2>
        <p>NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.</p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Web Hosting</h2>
        <p>You can easily find a web hosting company that offers the right mix of features and price for your applications.</p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301867">Learn more &raquo;</a></p>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <ol class="round">
            <li class="one">
                <h5>简单的分页</h5>
                一个产品列表分页的简单例子。@Html.ActionLink("点击这里查看演示", "Index", "Paging")
            </li>

            <li class="two">
                <h5>带搜索参数的例子（一）</h5>
                根据产品分类搜索分页的例子。@Html.ActionLink("点击这里查看演示", "PagingByCategory", "Paging")
            </li>

            <li class="three">
                <h5>带搜索参数的例子（二）</h5>
                根据多个产品分类搜索分页的例子。@Html.ActionLink("点击这里查看演示", "PagingByCategories", "Paging")
            </li>
            <li class="four">
                <h5>在 Area 里使用简单的分页</h5>
                在 Area 里使用简单的分页的例子。@Html.ActionLink("点击这里查看演示", "Index", "Paging", new { Area = "PagingArea" }, null)
            </li>
            <li class="five">
                <h5>Ajax 分页</h5>
                Ajax 分页的例子。@Html.ActionLink("点击这里查看演示", "Ajax", "Paging")
            </li>
            <li class="six">
                <h5>使用自定义模版分页</h5>
                使用自定义模版分页的例子。@Html.ActionLink("点击这里查看演示", "Bootstrap", "Paging")
            </li>
            <li class="seven">
                <h5>使用自定的分页键分页</h5>
                使用自定义的分页键代替默认的分页键。@Html.ActionLink("点击这里查看演示", "CustomPageRouteValueKey", "Paging")
            </li>
            <li class="eight">
                <h5>使用路由名称分页</h5>
                使用路由名称分页的例子。@Html.ActionLink("点击这里查看演示", "PagingByRoute", "Paging")
            </li>
        </ol>
    </div>
</div>